<template>
  <div class="main">
    <el-row>
      <el-col :span="4">姓名</el-col>
      <el-col :span="4">{{ allData.personnel.name }} </el-col>
      <el-col :span="4">性别 </el-col>
      <el-col :span="4">{{ allData.personnel.sex }} </el-col>
      <el-col :span="4">出生日期 </el-col>
      <el-col :span="4">{{ allData.personnel.birth_time }} </el-col>
    </el-row>
    <el-row>
      <el-col :span="4">职称</el-col>
      <el-col :span="8">{{ allData.personnel.current_title }}</el-col>
      <el-col :span="4">学科专业</el-col>
      <el-col :span="8">{{ allData.personnel.school }} </el-col>
    </el-row>
    <el-row>
      <el-col :span="4">研究方向</el-col>
      <el-col :span="8">{{ allData.personnel.research }} </el-col>
      <el-col :span="4">现工作单位 </el-col>
      <el-col :span="8">{{ allData.personnel.subject }} </el-col>
    </el-row>
    <el-row style="border-bottom: 1px solid #333">
      <el-col :span="4">拟聘学院</el-col>
      <el-col :span="8"> {{ allData.personnel.apply_college }} </el-col>
      <el-col :span="4">拟加入团队 </el-col>
      <el-col :span="8">{{ allData.personnel.apply_team }} </el-col>
    </el-row>
    <!-- 专家评价情况 -->
    <div class="decision">
      <!-- 表格标题 -->
      <el-row>
        <div class="header">一、专家学术评价情况（得票数/专家数）</div>
      </el-row>
      <!-- 列标题 -->
      <el-row class="sub-header">
        <el-col :span="6">科研与学术水平 </el-col>
        <el-col :span="6">创新与发展潜力 </el-col>
        <el-col :span="6">竞争力与社会影响力 </el-col>
        <el-col :span="6">综合评价 </el-col>
      </el-row>
      <!-- 评价选项内容 -->
      <el-row class="body">
        <el-col :span="6">
          <div>优秀（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="6"
        ><div>优秀（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="6"
        ><div>优秀（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="6"
        ><div>优秀（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
      </el-row>
      <!-- 引进 -->
      <el-row class="introduce">
        <el-col :span="12">是否建议引进11</el-col>
        <el-col :span="12">
          <div class="support">
            <div>是（4/5）</div>
            <div style="margin-top: 10px; font-weight: 400">
              xxx、xxx、xxx、xxx
            </div>
          </div>
          <div class="oppose">
            <div>否（1/5）</div>
            <div style="margin-top: 10px; font-weight: 400">
              xxx
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
    <!-- 人才引进评审情况 -->
    <div class="decision">
      <!-- 表格标题 -->
      <el-row>
        <div class="header">二、人才引进评审委员会评审意见</div>
      </el-row>
      <!-- 列标题 -->
      <el-row class="sub-header">
        <el-col :span="4">是否同意引进 </el-col>
        <el-col :span="5">职称认定 </el-col>
        <el-col :span="5">岗位等级 </el-col>
        <el-col :span="5">导师资格 </el-col>
        <el-col :span="5">是否解决配偶工作 </el-col>
      </el-row>
      <!-- 评价选项内容 -->
      <el-row class="body">
        <el-col :span="4">
          <div>是（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>教授（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>二级（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>博导、硕导（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>是（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
      </el-row>
      <el-row class="body">
        <el-col :span="4">
          <div>否（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>研究员（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>三级（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>硕导（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>否（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
      </el-row>
      <el-row class="body">
        <el-col :span="4">
          <!-- <div>否（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div> -->
        </el-col>
        <el-col
          :span="5"
        ><div>副教授（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>四级（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col :span="5" />
        <el-col :span="5" />
      </el-row>
      <el-row class="body">
        <el-col :span="4">
          <!-- <div>否（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div> -->
        </el-col>
        <el-col
          :span="5"
        ><div>副研究员（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col
          :span="5"
        ><div>五级（4/5）</div>
          <div>xxx、xxx、xxx、xxx</div>
        </el-col>
        <el-col :span="5" />
        <el-col :span="5" />
      </el-row>
    </div>
    <!-- 费用表格 -->
    <div class="money" style="margin-top: 12px">
      <el-row class="header">
        <el-col :span="3">学校标准</el-col>
        <el-col :span="7">
          <span>年薪</span>
          <span>领军级人才：75~80万元</span>
        </el-col>
        <el-col :span="7">
          <span>安家费</span>
          <span>领军级人才：150~200万元</span></el-col>
        <el-col :span="7">
          <span>科研启动费</span>
          <span>参照国家（1：1配套）</span></el-col>
      </el-row>
      <el-row class="appeal">
        <el-col :span="3">个人诉求</el-col>
        <el-col :span="7"> 60万元 </el-col>
        <el-col :span="7"> 60万元</el-col>
        <el-col :span="7"> 60万元</el-col>
      </el-row>
      <el-row class="idea">
        <el-col :span="3">决策意见</el-col>
        <el-col :span="7">
          <div>
            <span>同意（1/5）</span>
            <span>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</span>
          </div>
          <div>
            <span>不同意（1/5）</span>
            <span>测试测试测试测试测试测</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <span>同意（1/5）</span>
            <span>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</span>
          </div>
          <div>
            <span>不同意（1/5）</span>
            <span>测试测试测试测试测试测</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <span>同意（1/5）</span>
            <span>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</span>
          </div>
          <div>
            <span>不同意（1/5）</span>
            <span>测试测试测试测试测试测</span>
          </div>
        </el-col>
      </el-row>
      <el-row class="remark" style="border-bottom: 1px solid #333">
        <div>
          注：测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
          注：测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
          注：测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        </div>
      </el-row>
    </div>
    <!-- 专家评审意见区域 -->
    <div class="idea-title">西南交通大学引进人才学术评价专家评审意见或建议</div>
    <!-- 专家建议表格 -->
    <div class="idea-table">
      <el-row>
        <el-col :span="3">姓名</el-col>
        <el-col :span="3">测试姓名</el-col>
        <el-col :span="3">性别</el-col>
        <el-col :span="3">男</el-col>
        <el-col :span="3">年龄</el-col>
        <el-col :span="3">30</el-col>
        <el-col :span="3">职称</el-col>
        <el-col :span="3">xxxxxxxx</el-col>
      </el-row>
      <el-row>
        <el-col :span="3">学科</el-col>
        <el-col :span="3">xxxxxxx</el-col>
        <el-col :span="3">研究领域</el-col>
        <el-col
          :span="15"
        >xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        </el-col>
      </el-row>
      <el-row
        style="
          font-size: 20px;
          text-align: center;
          height: 56px;
          line-height: 56px;
        "
      >
        学术评价专家意见或建议
      </el-row>
      <el-row v-for="(item, index) in 5" :key="index" class="idea-item">
        <el-col :span="6">专家{{ index + 1 }}</el-col>
        <el-col
          :span="18"
        >测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</el-col>
      </el-row>
      <el-row
        style="
          font-size: 20px;
          text-align: center;
          height: 56px;
          line-height: 56px;
        "
      >
        人才引进评审委员会意见或建议
      </el-row>
      <el-row v-for="(item, index) in 5" :key="index" class="idea-item">
        <el-col :span="6">委员{{ index + 1 }}</el-col>
        <el-col
          :span="18"
        >测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    allData: {
      type: Object,
      default () {
        return {}
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.el-row {
  // display: flex;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
  border: 1px solid #333;
  border-bottom: none;
  min-height: 40px;
  .el-col {
    // display: flex;
    // align-items: center;
    // justify-content: center;
    // height: 100%;
    // width: 100%;
    text-align: center;
    line-height: 40px;
    border-right: 1px solid #333;
    &:nth-last-child(1) {
      border-right: none;
    }
    &:nth-last-child(2n + 1) {
      // color: #ff0913;
    }
  }
}

.decision {
  margin-top: 16px;
  .title {
    height: 35px;
    text-align: center;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
  }

  .el-row {
    border: 1px solid #333;
    border-bottom: none;
    &:nth-last-child(1) {
      border-bottom: 1px solid #333;
    }
    .header {
      text-align: center;
      font-size: 18px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      height: 40px;
      line-height: 40px;
      background-color: #e9eff9;
    }
    .el-col {
      text-align: center;
      border-right: 1px solid #333;
      &:nth-last-child(1) {
        border-right: none;
      }
    }
    &.sub-header {
      .el-col {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
        height: 40px;
        line-height: 40px;
      }
    }
    &.body {
      font-size: 16px;
      .el-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 70px;
        // min-height: 70px;
        line-height: 20px;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: #333333;
        div:nth-child(2) {
          // color: #ff0913;
          // margin-top: 10px;
        }
        // line-height: 70px;
      }
    }
    &.introduce {
      height: 70px;
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      border-bottom: 1px solid #333;
      // line-height: 70px;
      .el-col {
        height: 100%;
        &:nth-child(1) {
          line-height: 70px;
        }
        &:nth-child(2) {
          display: flex;
          align-items: center;
          justify-content: space-around;
          line-height: 20px;
        }
      }
    }
    &.specialist-header {
      margin-top: 8px;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
    }
    &.specialist-body {
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      .el-col {
        &:nth-child(n + 2) {
          // color: #ff0913;
        }
      }
    }
  }
}

.money {
  background-color: #e9eff9;
  .header {
    .el-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      line-height: 28px;
      height: 80px;
      font-size: 18px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
    }
  }
  .appeal {
    .el-col {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 80px;
      font-size: 18px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      &:nth-child(1) {
        font-weight: 400;
      }
    }
  }
  .idea {
    .el-col {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      height: 100px;
      line-height: 30px;
      padding: 10px;
      box-sizing: border-box;

      font-size: 18px;
      font-family: MicrosoftYaHei;
      font-weight: 400;
      color: #333333;
    }
  }
  .remark {
    height: 100px;
    div {
      padding: 10px;
      box-sizing: border-box;
      line-height: 22px;
    }
  }
}

.idea-title {
  padding: 30px 0;
  text-align: center;
  font-size: 24px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
}
.idea-table {
  .idea-item {
    .el-col {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 120px;
      &:nth-child(2) {
        align-items: inherit;
        text-align: left;
        padding: 10px;
        line-height: 22px;
      }
    }
    &:nth-last-child(1) {
      border-bottom: 1px solid #333;
    }
  }
}
</style>
